<template>
  <div class="author-page-bottom-directions">
    <block title="Author Directions By Year">
      <time-line :directions-by-year="directionsByYear"></time-line>
    </block>
  </div>
</template>

<script>
import Block from '@/components/Block/AuthorPageBlock';
import TimeLine from '@/components/List/TimeLine';

export default {
  name: "AuthorPageBottomDirections",
  props: {
    msg: Object
  },
  data() {
    return {

    };
  },
  computed: {
    directionsByYear() {
      return this.msg.directionsByYear ?? [];
    }
  },
  mounted() {

  },
  methods: {

  },
  components: {
    Block,
    TimeLine
  },
};
</script>

<style scoped lang="scss">
.author-page-bottom-directions {

}
</style>
